<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div style="width:100px;height:100px;background-color:red;"></div>
    <script>

        var div = document.getElementsByTagName('div')[0];


        //1.
        // div['onclick'] = function() {
        //     console.log('a');
        //     div.onclick = null; //点一次失效
        // }
        // div.onclick = null;
        

        //2. 
        // div.addEventListener('click', function(){
        //     console.log('a'); // 这种函数清除不了，函数地址拿不到
        // }, false);

        //要解除，需要解除绑定函数的引用一致，所有都得对应才能解除
        // div.addEventListener('click', test, false);
        // function test() {
        //     console.log('b');
        //     div.removeEventListener('click', test, false);
        // }
        


        //3. 
        // div.attachEvent('onclick', test);
        // function test() {
        //     console.log('b');
        // }
        // div.detachEvent('onclick', test);


    </script>
</body>
</html>